<template>
    <view class="control">
        <view class="box">
            <text class="text" @click="jumpMenu()">添加分类</text>
        </view>
        <view class="box">
            <text class="text" @click="jumpGood()">添加商品</text>
        </view>
    </view>
</template>

<script>
export default {
    name: "Control",
    data() {
        return {

        };
    },
    methods: {
        jumpMenu() {
            uni.navigateTo({
                url: 'menuManager'
            })
        },
        jumpGood() {
            uni.navigateTo({
                url: 'addGood'
            })
        }
    }
}
</script>

<style lang="less" scoped>
.control {
    width: 100%;
    background-color: aqua;
    display: flex;
    justify-content: center;
    padding: 1rem 0;

    .box {
        width: 100%;
        text-align: center;

        // 第一个右侧添加border
        &:first-child {
            border-right: 1px solid #ffffff;
        }

    }

    .text {
        font-size: 1.5rem;
        // color:#ffffff;
    }
}
</style>